.box {
  width: 100%;
  min-width: 1200px;
  .row {
    display: flex;
    align-items: center;
    span {
      width: 80px;
      font-size: 14px;
      line-height: 21px;
    }
  }
}
.content,
.temp {
  .item {
    display: flex;
    align-items: center;
    span {
      width: 30px;
      height: 30px;
      border-bottom: 1px solid black;
      border-right: 1px solid black;
      // flex弹性布局
      display: flex;
      // span的内容水平居中
      justify-content: center;
      // span的内容垂直居中
      align-items: center;
      // 作为子元素的第一个span元素 &===span
      &:nth-of-type(1) {
        border-left: 1px solid black;
      }
    }
    //  作为子元素的第一个.item元素 &===.item
    &:nth-of-type(1) {
      span {
        border-top: 1px solid black;
      }
    }
  }
}

.temp {
  .item {
    span:last-child {
      border-top: 1px solid black;
    }
  }
}
